<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/label.css"> -->
</head>

<body>
    <div class="nav">
        <div class="logo">
            <span>天空之城</span>
        </div>
        <div class="login">
            <!-- <button class="login-btn">新版移动端</button> -->
            <span class="span1">Q</span>
            <span class="span2">登录</span>
            <span class="span3">注册</span>
        </div>

        <div class="nav-center">
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a href="../page/探索.html">探索</a></li>
                <li class="active-span">标签</li>
                <li><a href="../page/photographer.html">摄影师</a></li>
                <li>签约摄影师招募</li>
                <li>热门活动</li>
                <li>天空之城&周年影像大赛</li>
            </ul>
        </div>
    </div>
    <div class="nav-box">
        <div class="img-nav">
            <ul>
                <li class="img-active">题材</li>
                <li>风格</li>
                <li>设备</li>
                <li>地区</li>
            </ul>
        </div>
    </div>


    <div class="label">
        <div class="label-tab">
            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>

            <div class="label-box">
                <div class="img-box">
                    <div class="box-left">
                        <img src="../image/label-1.jpg" alt="">
                    </div>
                    <div class="box-right">
                        <img src="../image/label-2.jpg" alt="">
                        <img src="../image/label-3.jpg" alt="">
                    </div>
                </div>
                <span>旅行</span>
            </div>
        </div>
    </div>

    <!-- footer -->
    <div class="foot">
        <div class="foot-content">
            <div class="foot-left">Copyright © 2022 Skypixel.com 天空之城 版权所有</div>
            <div class="foot-center">
                <ul>
                    <li>使用条款</li>
                    <li>隐私政策</li>
                    <li>内容指引</li>
                    <li>网站反馈</li>
                    <li>常见问题</li>
                </ul>
                <span>粤ICP备2022092332号</span>
            </div>
            <div class="foot-right">中文 | English</div>
        </div>
    </div>
</body>

</html>